<!DOCTYPE html>
<html>
<head>
	<title>七中留言板</title>
         <meta name="keywords" content="七中留言板 回忆录 莘莘学子">
         <meta name="description" content="七中留言板是一款基于Layui开发的校园同学自由互动留言的小站点">
	<script src="//lib.baomitu.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="//lib.baomitu.com/layer/2.3/layer.js"></script>
    <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css">
    <link href="app.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!---导航栏部分--->
<ul class="layui-nav">
	<li class="layui-nav-item"><a href="/index.php">我要留言</a></li>
  <li class="layui-nav-item"><a href="./history.php">查看留言</a></li>
  <!--<li class="layui-nav-item"><a href="./admin/edit.php">编辑我的留言</a></li>-->
	<!--<li class="layui-nav-item"><a href="./del.php">删除留言</a></li>-->
		<li class="layui-nav-item"><a href="./update.php">更新历程</a></li>
  <!--<li class="layui-nav-item"><a href="./admin">开发者后台</a></li>-->
<li class="layui-nav-item"><a href="http://xz7z.com">七中官网</a></li>
</ul>
<script type="text/javascript">
	
</script>
 <div class="account-pages mt-5 mb-5">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-5">
                        <div class="card">

                            <!-- Logo -->
                            <div class="card-header pt-4 pb-4 text-center bg-primary">
                                <span class="logo-lg">
                                        <img class="rounded-circle shadow" src="http://xzwmdw.cnxz.com.cn/home/upLoad/slide/month_1704/201704181107028125.gif" height="140" alt="">
                              <!--   <img height="140" src="http://q1.qlogo.cn/g?b=qq&nk=2924401655&s=640">  -->
                                </span>
                            </div>

                            <div class="card-body p-4">
                                
                                <div class="text-center w-75 m-auto">
                                    <h4 class="text-dark-50 text-center mt-0 font-weight-bold">在线留言</h4>
                                      <!-- ip定位 -->
                                      <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>  
                                      <!-- ip定位 -->
                                    <p class="text-muted mb-4">已保存来访记录<script type="text/javascript">document.write(returnCitySN["cip"]+','+returnCitySN["cname"])</script> </p>
                                </div>

                                <form  id="liuyan">
                                    <div class="form-group mb-3">
                                        <label for="user">你的名字</label>
                                        <input class="form-control" type="text" name="name" placeholder="请输入你的姓名...">
                                        <br>
                                    </div>

                                    <div class="form-group mb-3">
                                        <label for="user">留言内容</label>
                                        <input style ="width:100%;height: 100px"class="form-control" type="text" name="text" placeholder="请输入留言内容...">
                                        <button class="btn btn-primary" onclick="tj()" type="button"> 留言  </button>
                                    </div>
</form>
<fieldset class="layui-elem-field">
  <legend>公告栏</legend>
	<div class="layui-field-box">

<p class="layui-elem-quote" style="color:red;">欢迎你！亲爱的七中学子
	你的每一个真诚的留言在未来都将会是最美好的回忆 如果你有自己想说的话 或者建议 都欢迎你在此处提出 各位可以互相交流
		By China丶小义</p>
      <p class="layui-elem-quote" style="color:red;">想要查看所有留言 请点击上方 查看留言按钮</p>

</div>
</fieldset>

<script type="text/javascript">
  function tj() {
        var data = $('#liuyan').serialize(); 
        //获取liuyan表单下的数据
       var li =  layer.load();
        $.ajax({
            type:'post',
            url:'edit.php',
            data:data,
            dataType:'json',
            success:function(data) {
                layer.close(li);
                if(data.code ===200) {
                    layer.msg(data.msg);
                    location.reload();
                }else{
                    layer.msg(data.msg);
                }
            }
        });
    }
</script>
<script>
//示范一个公告层
layer.open({
  type: 1
  ,title: '弹窗型公告页' //不显示标题栏
  ,closeBtn: false
  ,area: '300px;'
  ,shade: 0.8
  ,id: 'LAY_layuipro' //设定一个id，防止重复弹出
  ,resize: false
  ,btn: [ '厉害了','关闭页面']
  ,btnAlign: 'c'
  ,moveType: 1 //拖拽模式，0或者1
  ,content: '<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">欢迎你，七中的学子<br>莘莘学子自己的留言板 在这里畅所欲言吧!<br> By 高二<7>班  运营部  <br>由  China丶小义 自主开发并运营 </div>'
  ,success: function(layero){
    var btn = layero.find('.layui-layer-btn');
    btn.find('.layui-layer-btn0').attr({
      href: './'
    //  ,target: '_self'
    });
  }
});
</script>
</body>
</html>